import { getFoodDetail, HOME } from '../../utils/api'
var WxParse = require('../../wxParse/wxParse');
const app = getApp()
Page({
  /**
   * 页面的初始数据
   */
  data: {
    detailData: {},
    showModel: false,
    articleList: [],
    imgUrl: app.globalData.imgUrl,
    wxImgUrl: app.globalData.wxImgUrl,
    navBarHeight: '', //头高度
    statusBarHeight: '', //状态栏高度
    showTabooModal:false, // 食物禁忌弹窗
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let navBarHeightinfo = app.publicFun.navBarHeightinfo()
    this.setData({
      navBarHeight: navBarHeightinfo[0],
      statusBarHeight: navBarHeightinfo[1]
    })
    const { id } = options
    this.getPageDetail(id)
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {},
  
  back() {
    wx.navigateBack({})
  },


  // 获取详情数据
  async getPageDetail(id) {
    try {
      const res = await getFoodDetail({ id })
      if (res) {
        this.setData({
          detailData: res
        })
        WxParse.wxParse("article", "html", res.detail, this, 5);
        this.getArticleList(res)
      }
    } catch (err) {}
  },

  // 关闭食物忌宜弹窗
  handleCloseDialog() {
    this.setData({
      showModel: false
    })
  },

  // 食物忌宜点击事件
  handleFoodTaboo() {
    this.setData({
      showModel: true
    })
  },

  // 返回首页点击事件
  handlerHome() {
    wx.switchTab({
      url: '/pages/index/index',
    })
  },

  // 跳转文章详情
  handleGotoDetail(e) {
    let id = e.currentTarget.dataset.id
    wx.navigateTo({
      url: `../detail/index?id=${id}`,
    })
  },
  // 返回首页点击事件
  handleBackHome() {
    wx.switchTab({
      url: '../index/index'
    });
  },

  // 获取更多文章列表
  async getArticleList({ categoryId }) {
    try {
      // categoryId
      const res = await HOME({ categoryId, pageNum: 1, pageSize: 1000 })
      if (res) {
        this.setData({
          articleList: res.records
        })
      }
    } catch (err) {
      console.log(err)
    }
  },
  handlerTaboo(){
    this.setData({
      showTabooModal:true
    })
  },
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {},

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {},

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    return {
      title: `吃{${this.data.detailData.name}}前看一篇，营养走在先`
    }
  },
})
